@CHARSET "UTF-8";

body {
	font-family: Arial, Verdana, sans-serif !important;
	font-size: 11px !important;
	margin-left: 10px;
	margin-top: 10px;
}

.subGroupList .ui-widget-content {
	border: none;
}

.subGroupList ul,ol {
	list-style: none outside none;
	font-weight: normal;
	overflow-y: auto;
	padding: 0;
}

.contactListTableRepeater {
	width: 100%;
	top:26px;
	position: relative;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 423px;
}

.contactListTable table thead tr th {
	background: transparent;
	border: 1px solid transparent;
}

.contactListTable table tbody tr td {
	background: transparent;
	border: 1px solid transparent;
}

.groupsPanel {
	width: 199px;
	float: left;
	border-right: 1px solid;
	height: 100%;
}

.contactListPanel {
	width: 300px;
	min-width: 300px;
	max-width: 300px;
	height: 450px;
	float: left;
}

.detailPanel {
	width: 300px;
	min-width: 300px;
	max-width: 300px;
	float: left;
}

.subGroupTitle {
	background: transparent !important;
}

.groupPanel .ui-state-hover {
	box-shadow: 0 1px 0 #FFFFFF inset;
}

.charGroupRow {
	background: transparent !important;
}

.contactCount {
	font-size: 10px;
	color: #FA8258;
	position: relative;
	top: -9px;
}

.contactInfo {
	font-size: 13px;
}

.contactPanel {
	border: 1px solid;
	border-collapse: collapse;
	height: 450px;
	width: 800px;
	max-height: 450px;
}

.contactDetailPanelGrid {
	width: 100%;
	border: 0 none;
	border-collapse: separate !important;
}

.contactDetailPanelGrid tbody tr td {
	border: 0 none;
}

.contactPhotoColumn {
	v-align: middle;
	text-align: center;
}

.charListPanel {
	position: absolute;
	text-align: right;
	width: 280px;
	min-width: 280px;
	max-width: 280px;
}